<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="container">
			<div class="box">
				<div class="box_border">
					<div class="box_top"><b>每月出勤</b></div>
					<table class="form_table" border="0" >
						<tr>
							<td>姓名</td>
							<td><input type="text" name="name" class="input-text" size="10"></td>
							<td>是否出勤</td>
							<td>
							  <span class="fl">
							    <div class="select_border"> 
							      <div class="select_containers "> 
							      <select name="" class="select"> 
							      <option>出勤</option> 
							      <option>未出勤</option> 
							      </select> 
							      </div> 
							    </div> 
							  </span>
							</td>
							
						  <td><input type="button" value="添加"</td>
						</tr>
					</table>
				</div>
			</div>
			
		</div>
		<div id="mid">
			<tr>
				<td><input class="btn" type="button" value="新增"style="background:url(index/btn_add.gif);"width="30px" height="50px"></td>
			</tr>
			<tr>
				<td><input class="btn" type="button" value="删除	"></td>
			</tr>
			<tr>
				<td><input class="btn"  type="button" value="修改"></td>
			</tr>
			<tr>
				<td><input type="button" value="查询"</td>
			</tr>
		</div>
		 <div id="table" class="mt10">
		   <div class="box span10 oh">
			<table width="100%" border="0" cellpadding="0" cellspacing="0" class="list_table">
				 <tr>
				   <th width="40">全选</th>
				   <th width="100">姓名</th>
				   <th width="100">学号</th>
				   <th width="400">角色</th>
				   <th width="400">出勤</th>
				   <th width="400">时间</th>
				    </tr>
				 <tr class="tr">
				   <td class="td_center"width="40"><input type="checkbox"></td>
				   <td width="100">张三</td>
				   <td width="100">513656565655623</td>
				   <td width="400">老师</td>
				   <td width="400">以出勤</td>
				   <td width="400">2019-5-9</td>
				  </tr>
				   <tr class="tr">
				    <td class="td_center"width="40"><input type="checkbox"></td>
				    <td width="100">王二</td>
				    <td width="100">841125454523</td>
				    <td width="400">学生</td>
				    <td width="400">以出勤</td>
				    <td width="400">2019-5-9</td>
				   </tr>
				    <tr class="tr">
				     <td class="td_center"width="40"><input type="checkbox"></td>
				     <td width="100">张三</td>
				     <td width="100">513656565655623</td>
				     <td width="400">老师</td>
				     <td width="400">以出勤</td>
				     <td width="400">2019-5-9</td>
				    </tr>
					 <tr class="tr">
					  <td class="td_center"width="40"><input type="checkbox"></td>
					  <td width="100">张三</td>
					  <td width="100">513656565655623</td>
					  <td width="400">老师</td>
					  <td width="400">以出勤</td>
					  <td width="400">2019-5-9</td>
					 </tr>
					  <tr class="tr">
					   <td class="td_center"width="40"><input type="checkbox"></td>
					   <td width="100">张三</td>
					   <td width="100">513656565655623</td>
					   <td width="400">学生</td>
					   <td width="400">以出勤</td>
					   <td width="400">2019-5-9</td>
					  </tr>
					   <tr class="tr">
					    <td class="td_center"width="40"><input type="checkbox"></td>
					    <td width="100">张三</td>
					    <td width="100">513656565655623</td>
					    <td width="400">老师</td>
					    <td width="400">未出勤</td>
					    <td width="400">2019-5-9</td>
					   </tr>
					     <tr class="tr">
					    <td class="td_center"width="40"><input type="checkbox"></td>
					    <td width="100">张三</td>
					    <td width="100">513656565655623</td>
					    <td width="400">老师</td>
					    <td width="400">以出勤</td>
					    <td width="400">2019-5-9</td>
					   </tr>
					     <tr class="tr">
					    <td class="td_center"width="40"><input type="checkbox"></td>
					    <td width="100">张三</td>
					    <td width="100">513656565655623</td>
					    <td width="400">学生</td>
					    <td width="400">未出勤</td>
					    <td width="400">2019-5-9</td>
					   </tr>
					   </table>
					   <div class="page mt10">
					     <div class="pagination">
					       <ul>
					           <li class="first-child"><a href="#">首页</a></li>
					           <li class="disabled"><span>上一页</span></li>
					           <li class="active"><span>1</span></li>
					           <li><a href="#">2</a></li>
					           <li><a href="#">下一页</a></li>
					           <li class="last-child"><a href="#">末页</a></li>
					       </ul>
					     </div>
					   
		</div>
	</body>
	<style>
		.box{}
		.box_border{border: 1px solid #d3dbde;}
		.box_top{
			height: 37px;
			line-height;
			background: url(index/box_top.png) 0 0 repeat-x ;
		}
		.form_table td{
			padding: 5px 5px;
		}
		.input-text{
			height: 28px
		}
		.input-text{
			    border: 1px solid #bac7d2;
    background: #f7fcfe;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #e7f1f7 inset;
		}
		.select{
			border: 1px solid #bac7d2;
padding: 4px 3px;
font-size: 12px;
height: 30px;
*margin: -1px;
border-radius: 2px;
box-shadow: 2px 2px 2px #e7f1f7 inset;
		}
		.list_table{
			width: 100%;
border-top: 1px solid #d3dbde;
border-right: 1px solid #d3dbde;
		}
		.list_table th{
		height: 37px;
		background: url('../images/box_top.png') 0px 0px repeat-x;
		line-height: 37px;
		border-left: 1px solid #d3dbde;
		}
		.list_table td{
			border-bottom: 1px solid #d3dbde;
		    border-left: 1px solid #d3dbde;
		    padding: 5px;
		}
		.form_table td{
			padding: 5px 5px;
		}
		.pagination ul{
			display: inline-block;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
		}
		.pagination li{
			display: inline;
		}
		.pagination ul li a, .pagination ul li span {
			float: left;
			padding: 4px 12px;
			line-height: 20px;
			text-decoration: none;
			background-color: #fff;
			background: url('../images/bottom_bg.png') 0px 0px;
			border: 1px solid #d3dbde;
			border-left-width: 0;
			color: #08c;
		}
		.pagination ul li a:hover{
			color: red;
		}
		.pagination ul li.first-child a, .pagination ul li.first-child span {
			border-left-width: 1px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-left-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-topleft: 3px;
		}
		.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
		color: #999;
		cursor: default;
		background-color: transparent;
		}
		.pagination ul .active a, .pagination ul .active span {
		color: #999;
		cursor: default;
		}
		.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {
		background-color: #f5f5f5;
		}
		.pagination ul li.last-child a, .pagination ul li.last-child span {
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
			-webkit-border-bottom-right-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomright: 3px;
		}
		td{
			text-align: center;
		}
	</style>
</html>
